<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前页样式表 -->
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="logo">
            <a href="#" class="logoPic"><img src="../img/logo.png" alt="" title="返回首页"></a>
            <a href="#" class="right" title="返回首页">
                <h3>我的购物车</h3>
                <span>WO DE GOU WU CHE</span>
            </a>
        </div>
        <div class="tips">
            <p>温馨提示:产品是否购买成功，以最终下单为准，请尽快结算</p>
        </div>
        <ul class="ueser">
            <li><a href="#" class="login">登录</a></li>
            <li><a href="#" class="register">注册</a></li>
        </ul>
    </div>

    <!-- 主体 -->
    <div id="main">
        <!-- 标题 -->
        <div class="bg"></div>
        <!-- 购物车列表 -->
        <table class="cartList"></table>
        <!-- 结算 -->
        <div class="settlement">
            <div class="totalPrice">￥0.0</div>
            <button class="js">去结算</button>
        </div>
    </div>

    <!-- 页脚 -->
    <div id="foot">
        <div class="top">
            <img src="../img/foot1.jpg" alt="">
            <div class="mesg">
                <h3>熊猫优选</h3>
                <span>年轻人网购首选</span>
                <span>购物领券更省钱</span>
            </div>
            <p>| <a href="http://www.xiongmaoyouxuan.com/#/downLoad" target="_blank">下载APP</a></p>
        </div>
        <div class="bottom">
            <img src="img/policeIcon.png" alt="">
            <span>浙公安网备案 33010602009949号 | ICP备案号: <a href="https://beian.miit.gov.cn">浙ICP备17012864号-1</a> |</span>
            <img src="../img/license.png" alt="">
            <a href="#">证照信息</a>
        </div>
    </div>
    <!-- 页尾 -->
    <div id="bottom">
        <a href="https://xinyong.yunaq.com/certificate?site=www.xiongmaoyouxuan.com" target="_blank">
            <img src="../img/foot3.png" alt="">
        </a>
    </div>
    <!-- 回到顶部 -->
    <div id="toTop">
        <button>
            <span class="iconfont icon-xiangshangjiantou"></span>
            <p>顶部</p>
        </button>
    </div>

    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/common.js"></script>
    <script src='../js/cart.js'></script>
</body>

</html>